<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>装修哥官网(ZXIUGE.COM)</title>
  <meta name="description" content="装修哥APP是衔接项目经理与装修工人在项目施工过程中的一个信息流通平台，旨在为所有的装修人创造一个分享互帮的平台。">
  <meta name="keywords" content="装修哥,装修哥APP下载，装修施工管理，找人找活，泥工木工水电工油漆工">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 国产浏览器的高速模式 -->
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <!-- 使ie9以下浏览器能够识别h5标签,并且能够识别媒体查询标签 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <link rel="stylesheet" href="../src/less/base.css">
  <link rel="stylesheet" href="../src/less/header&footer.css">
  <link rel="stylesheet" href="../src/fonts/iconfont.css">
  <link rel="stylesheet" href="../src/less/about_us.css">
</head>
<body>
<!--header.html-->
<div class="header"></div>

<!--option-first 装修哥一个分享互帮的平台-->
<section class="option-first">
  <div class="container">
    <div class="row">
      <div class="col-xs-6">
        <h2><span>装修哥</span> 一个分享互帮的平台</h2>
        <p><span>【装修哥】</span>是一款专为项目经理和装修工人在项目施工过程中的一个信息流通，由湖南牛魔王家居贸易建材有限公司于2017年10月在苹果应用商店、应用宝、小米应用商城等主流应用商店上线。</p>
      </div>
      <div class="col-xs-6">
        <div class="option-first-img">
          <picture>
            <source media="(max-width: 768px)" srcset="../images/about_us/option-first-img768.jpg">
            <img src="../images/about_us/option-first-img1920.jpg" alt="" class="img-responsive">
          </picture>

        </div>
      </div>
    </div>
  </div>
</section>

<!--option-second 一秒找活-->
<section class="option-second">
  <div class="container-fluid">
    <h2>一秒找活</h2>
    <p>海量工作信息一秒找</p>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active" data-large-image="../images/about_us/slide01_1920.png" data-small-image="../images/about_us/slide01_992.png">
        </div>
        <div class="item" data-large-image="../images/about_us/slide02_1920.png" data-small-image="../images/about_us/slide02_992.png">
        </div>
        <div class="item" data-large-image="../images/about_us/slide03_1920.png" data-small-image="../images/about_us/slide03_992.png">
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>
</section>

<!--option-third 就近找活-->
<section class="option-third">
  <div class="container">
    <div class="row">
      <div class="col-xs-7 col-sm-6">
        <h2>就近找活</h2>
        <h3>工作与你近距离</h3>
        <span></span>
        <p>基于移动端精准定位为用户提供服务，实现以地理位置为基础的信息匹配，找活再不用四处奔波。装修哥的地图式搜索清晰的为每一位用户进行定位，工人和项目经理可以通过自己的地址任意选择自己的工作位置，就近工作也节省了上班过程中的成本。 </p>
      </div>
      <div class="col-xs-5 col-sm-6">
        <div class="option-third-img">
          <picture>
            <source media="(max-width: 768px)" srcset="../images/about_us/option3_tel768.png">
            <img src="../images/about_us/option3_tel1920.png" class="img-responsive">
          </picture>
        </div>
      </div>
    </div>
  </div>
</section>

<!--option-fourth-->
<section class="option-fourth">
  <div class="option-fourth-title">
    <h2>相互点评创信用</h2>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-xs-5 col-sm-6">
        <div class="option-fourth-img">
          <picture>
            <source media="(max-width: 768px)" srcset="../images/about_us/about_us_comment768.png">
            <img src="../images/about_us/about_us_comment1920.png" alt="" class="img-responsive">
          </picture>
        </div>
      </div>
      <div class="col-xs-7 col-sm-6">
        <div class="option-fourth-text">
          <span class="option-fourth-line"></span>
          <p class="option-fourth-text-p">为用户提供完善的互评体系，用事实体现个人能力和口碑，传承匠人精神。装修哥为了避免用户的权益受到损害，专门为工人和项目经理打造了一个评分系统。工人和项目经理每完成一个项目，都必须对此项目进行互评打分，不仅如此，项目的进行过程中，工人和项目经理必须每天都在APP平台上进行进度确认。同时，为了确保评价的可信度，工人和项目经理也可以通过上传图片证实评价的真实性。</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- footer.html -->
<div class="footer"></div>

</body>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="../src/js/about_us.js"></script>
<script>
  $(function() {
    // 引入页面公共部分
    $(".header").load("./header.html");
    $(".footer").load("./footer.html");
  })
</script>
</html>